<%--
*
* 描述：右边文件
*
--%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <%@include file="/share/header.jsp"%>
	<s:head/> 
	<link href="<%=path%>/fantasytab/tab.min.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="<%=path%>/fantasytab/tab.min.js"></script>
</head>
<body>
	<div id="TabMain">
		<div class="c_tabNav"><div class="tabNavWrapper">
			<div class="tabTurner">
				<ul>
					<li><a id="Left" href="#" title="左移标签" class="left"></a></li>
					<li><a id="Right" href="#" title="右移标签" class="right"></a></li>
					<li><a id="Reset" href="#" title="复位标签" class="default"></a></li>
					<li><a id="Close" href="#" title="关闭全部" class="close"></a></li>
				</ul>
			</div>
			<div>
				<div class="tab">
					<div class="maxWidth">
						<ul id="Tabs"></ul><!-- 这里存放生成的Tab-->
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 这里存放生成的IFrame 只要ID='Frames'就可以，可以根据布局自己定义-->
	<div id="Frames" style="height:768px;"></div>
	<script type="text/javascript">
		//默认tab
		window.options = [
							{
								id:"0",
								name:"桌面",
								lock:true,
								url:"<s:url action="desktop_dsnc" namespace="/main" />",
								title:"桌面"
							}
						];
		var tabs;	
		jQuery( function(){
			var option = {tabID:"Tabs",frameID:"Frames",activeClass:"on",lockClass:"locked",leftID:"Left",
			rightID:"Right",resetID:"Reset",closeID:"Close"};
			tabs = FantasyTab.create(option);
			for(var i=0;i<window.options.length;i++){
				tabs.add(window.options[i]);
			}
		});
		// 新增
		function addTabs(option){
			tabs.add(option);
		}
		//判断是否存在
		function isExistTabs(id){
			return tabs.isExist(id);
		}
		//选中
		function activeTabs(id){
			return tabs.click(id);
		}
		//重新加载内容
		function reload(id){
			document.getElementById(tabs.getFrameID(id)).src=document.getElementById(tabs.getFrameID(id)).src;//刷新
		}		
		//打开菜单
		function onDoModule(moduleId,moduleTitle,moduleNavigation,url){
			//alert("moduleId:["+moduleId+"]\tmoduleTitle:["+moduleTitle+"]\turl:["+url+"]");
			if(!isExistTabs(moduleId)){
				if(tabs.tabs.find("li").length>8){//增加数量控制
					top.MyWindow.tips({
						content : '对不起，系统最多支持打开8个模块，请先关闭不需要使用的后再尝试！',
						title : '错误框',
						type : 'error',
						container : top					
					});	
					return ;				
				}			
				if(url!=null&&url!=""&&url.toLowerCase()!="null"){//url存在
					loading('<br><br><img src="<%=path%>/image/loading.gif" ><br>我正在打开模块【'+moduleTitle+'】中，请稍候...<br><br>');
					var option={
								id : moduleId,
								name : moduleTitle,
								lock : false,
								url : '<%=path%>'+url,
								title : moduleNavigation
								};
					addTabs(option);
				}
			}else{
				activeTabs(moduleId);
				if(url!=null&&url!=""&&url.toLowerCase()!="null"){//url存在
					loading('<br><br><img src="<%=path%>/image/loading.gif" ><br>我正在刷新模块【'+moduleTitle+'】中，请稍候...<br><br>');				
					reload(moduleId);
				}
			}
		}		
	</script>	
	<script>
	$(function(){
		onDoResize();
		$(window).resize(onDoResize);
	});
	function onDoResize(){
		if($("#Frames").height()!=top.document.documentElement.offsetHeight -100-26-30-12){
			//alert("resize right");
			var rightHeight =  parent.$("#mainFrame").height();
			$("#Frames,#Frames iframe").height(rightHeight-26);
		}
	}	
	</script>	
</body>
</html>